@charset "utf-8";
/*----user.css 安身立命（个人主页）的样式-----*/

/* CSS Document */
.pagebody{ width:960px; clear:both; margin:0 auto; overflow:hidden; min-height:500px; height:100%; _height:500px;}
.askBox{ position:relative; clear:both;margin:22px auto;width:690px; }
.areaStyle{  border:2px solid #30ac03; height:140px; width:680px;  padding:5px; color:#333; font-size:14px;}
.putIn{ position:absolute; right:-3px; bottom:-33px; width:px;}
.menuList{ float:left; width:168px; border:1px solid #b1d59e; border-radius:5px;box-shadow:0 2px 5px #ddd; padding-bottom:10px; background:#FFF;}
.askBtn{ clear:both; margin-left:24px; margin-top:-12px;}
.askBtn .askStyle{ width:110px; height:28px; border:none; cursor:pointer; background:url(../images/userzone/handup.png) no-repeat;}

.menuList .bot{ background:url(../images/userzone/l_bot.gif) no-repeat; width:px; height:5px; clear:both; overflow:hidden;}
.menuList ul li{ position:relative; font-size:14px; clear:both; height:38px; background:url(../images/userzone/sub_bg.gif) repeat-x;  color:#666666;  border-bottom:1px solid #ddd; line-height:38px;}
.menuList ul li.last{ border-bottom:none;}
.menuList ul li span{ position:absolute; right:10px; top:11px; padding:0 5px; background:#fcaf36; font-weight:bold; border:1px solid #f3a120; font-size:12px; color:#FFF; line-height:14px; border-radius:5px;}
.menuList ul li div{ display:block; text-indent:55px; background:url(../images/userzone/grey.png) no-repeat;}
.menuList ul li div a{ display:block;}
.menuList ul li .recommend{ background-position:-5px 0;}
.menuList ul li .exercise{ background-position:-5px -38px;}
.menuList ul li .favorite{  background-position:-5px -76px;}
.menuList ul li .question{  background-position:-5px -114px;}
.menuList ul li .workstation{ background-position:-5px -152px;}
.menuList ul li .notice{ background-position:-5px -190px; }
.menuList ul li .collect{ background-position:-5px -228px; }
.menuList ul li .exam{ background-position:-5px -266px;}

.menuList ul li.current{ width:168px; background:url(../images/userzone/current.png) no-repeat;}
.menuList ul li.current div{ background:url(../images/userzone/hei.png) no-repeat; font-weight:bold;}
.menuList ul li.current .recommend{ background-position:-5px 0;}
.menuList ul li.current .exercise{ background-position:-5px -38px;}
.menuList ul li.current .favorite{  background-position:-5px -76px; }
.menuList ul li.current .question{ background-position:-5px -114px; }
.menuList ul li.current .workstation{ background-position:-5px -152px;}
.menuList ul li.current .notice{ background-position:-5px -190px; }
.menuList ul li.current .collect{ background-position:-5px -228px;}
.menuList ul li.current .exam{ background-position:-5px -266px;}

.menuList ul li div:hover{background:url(../images/userzone/hei.png) no-repeat;}
.menuList ul li .recommend:hover{  background-position:-5px 0;}
.menuList ul li .exercise:hover{ background-position:-5px -38px; }
.menuList ul li .favorite:hover{  background-position:-5px -76px; }
.menuList ul li .question:hover{ background-position:-5px -114px;}
.menuList ul li .workstation:hover{ background-position:-5px -152px;}
.menuList ul li .notice:hover{ background-position:-5px -190px; }
.menuList ul li .collect:hover{ background-position:-5px -228px;}
.menuList ul li .exam:hover{ background-position:-5px -266px;}
.menuList ul li.current a{ color:#FFF;}
.menuList ul li.current div a{ color:#30ac03;}
.menuList ul li a{ color:#333; }
.menuList ul li a:hover{ color:#30ac03; text-decoration:none;}


.centerbar{ min-height:350px; height:100%; _height:350px; background:#FFF; float:right; width:738px; border:1px solid #b1d59e; border-radius:5px;box-shadow:0 2px 5px #ddd; padding:20px 20px 50px 20px;}
.gkCenter{ min-height:420px; height:100%; _height:420px;  float:right; width:780px;}
.gkPic{ width:50px; height:50px; float:left;}
.gkPic img{ width:50px; height:50px; border-radius:5px;}
.gkBox{ float:right; width:720px;}
.stName{ margin-bottom:12px; clear:both;}
.stName p.yel{ color:#f80; font-weight:bold; clear:both; padding-bottom:10px; line-height:18px;}
.stName p span{ color:#999; padding-right:35px;}
.stName p span strong{ color:#333;}
.xitiLayout{ margin-bottom:12px;}
.gkPritise{ border:1px solid #ddd; background:#FFF; padding:22px;}
.gksucai{ line-height:28px; color:#666; text-indent:20px;}
.gkQuestion{ font-weight:bold; background:#f8f8f8; margin-top:7px; line-height:22px; padding:5px 0 5px 15px;}
.pl{ border:2px solid #ffd791; padding-left:5px; height:30px; line-height:30px; width:665px;}
.btnPl{ border:none; cursor:pointer; width:80px; height:35px; font-size:14px; font-weight:bold; float:right; margin-top:3px; background:url(../images/focus/share.png) no-repeat; color:#FFF;}
.plList{ margin-top:12px; clear:both; border-top:1px solid #ddd;}
.plList li{ min-height:32px; height:100%; _height:32px; padding:15px 15px 15px 57px; position:relative; background:#f8f8f8; border-bottom:1px solid #ddd;}
.plList li .userPic{ position:absolute; left:15px; top:15px;}
.plList li .userPic img{ width:32px; height:32px; border-radius:3px;}
.plList li span{ line-height:18px; color:#666;}
.plList li strong,.plList li strong a{ color:#11bfe3;}
.plList li em{ color:#999; padding-left:12px;}
.gkFunction{ margin-top:12px; clear:both;}
.gkFunction a{ float:right; display:block; width:66px; padding-left:17px; text-align:center; height:19px; line-height:19px; color:#0089f2; background:url(../images/focus/gk.png) no-repeat;}
.gkFunction a.close{ background-position:0 0;}
.gkFunction a.open{ background-position:0 -21px;}
.gkFunction a:hover{ color:#0089f2; text-decoration:none;}
.gkLayout{ margin-bottom:12px; overflow:hidden; border-bottom:2px solid #FC0; clear:both;}

.colList{ width:px; clear:both;}
.colList li{ border-bottom:1px solid #e3e3e3; background:url(../images/userzone/bullet.png) no-repeat 8px center; padding-left:20px; height:38px; line-height:38px; clear:both; position:relative;}
.colList li.bg{ background:#fafafa url(../images/userzone/bullet.png) no-repeat 8px center;}
.colList li span{ position:absolute; right:10px; top:0px; color:#a5a5a5;}

.recommand{ width:px; clear:both;}
.recommand li{ padding:10px 0 10px 4px; border-bottom:1px solid #e3e3e3;  line-height:28px; clear:both; position:relative;}
.recommand li p{ clear:both;}
.recommand li p.recContent{ padding-top:5px; line-height:20px;}

.recommand li em{ position:absolute; right:10px; top:12px;}
.recommand li .peoHead{ position:absolute; left:5px; top:12px; margin-right:10px;}
.recommand li .peoContent{ margin-left:60px;}
.recommand li .peoHead img{ border-radius:5px; border:1px solid #ccc;}
.recommand li.bg{ background:#f1f1f1;}
.recommand li span{ position:absolute; right:10px; top:30px; color:#a5a5a5;}
.recommand li p{ clear:both; color:#a5a5a5;}
.recommand li p.sharetime{}
.recommand li p.sharetime i{ padding-right:15px; color:#a5a5a5; display:inline-block;}
.otherItems{ margin:0 25px; clear:both; padding-top:15px;}
.otherItems h3{ padding-bottom:5px; color:#333; font-size:14px; font-weight:bold; clear:both; line-height:38px; height:38px;}
.otherItems ul li{ color:#333; line-height:18px; clear:both; border-bottom:1px dashed #ddd; padding-bottom:10px; margin-bottom:10px;}
.otherItems ul li .wen{ padding-bottom:10px; background:url(../images/userzone/wen.png) no-repeat; padding-left:23px;}
.otherItems ul li .da{ color:#06c; background:url(../images/userzone/da.png) no-repeat; padding-left:23px;}

.detailBox{ clear:both; padding:15px;}
.detailBox h2{ font-size:18px; font-family:"微软雅黑"; text-align:center; line-height:42px; height:42px; border-bottom:1px dashed #ddd; color:#3c930e;}
.detailBox .detailInfo{ padding:10px 20px; border-bottom:1px dashed #ddd; line-height:20px; clear:both; color:#666;}
.detailBox .green{ color:#30ac03;}
.detailBox .grey{ color:#a5a5a5;}
.detailBox .detail{ line-height:20px; color:#333; clear:both; text-indent:15px; padding-top:15px;}
.detailBox h3{ color:#303030; line-height:20px; font-size:14px; padding:5px 10px; margin:10px 0; background:#f5ffef; border:1px dashed #bdd8ae;}
.answerBox{ clear:both;}
.answerBox h5{ color:#303030; line-height:20px; padding-left:10px;}
.answerBox textarea{ border:1px solid #ccc; padding-left:5px; line-height:20px; height:138px; width:700px;}
.courseBox{ clear:both;}
.courseBox { line-height:40px; clear:both; overflow:hidden; zoom:1;}
.courseBoxSelected{ background:#fafafa;}
.courseBox dd{float:left;}
.courseBox  .green{ color:#30ac03;}
.courseBox  .grey{ color:#f00;}
.courseBox02,.courseBox03,.courseBox04{ text-align:center;}
.courseBox01{width:40%; }
.courseBox02{ width:20%;}
.courseBox03{ width:24%;}
.courseBox04{ width:16%;}
.courseHead{ line-height:49px; font-weight:bold; color:#666; position:relative; height:49px; background:url(../images/userzone/headbg.png) repeat-x 0 -52px;}
.courseHead b{ position:absolute; top:0px; background:url(../images/userzone/headbg.png) no-repeat; width:6px; height:49px;}
.courseHead b.bb1{ left:0px; background-position:0 0;}
.courseHead b.bb2{ right:0px; background-position:-9px 0;}
.courseHead li{ float:left; text-align:center;}
.courseHead li.one{ width:255px;}
.courseHead li.two{ width:120px;}
.courseHead li.three{ width:120px;}
.courseHead li.four{ width:120px;}
.courseHead li.five{ width:120px;}

.courseHead li.cj01{ width:315px;}
.courseHead li.cj02{ width:112px;}
.courseHead li.cj03{ width:195px;}

.courseHead li.one01{ width:155px;}
.courseHead li.two01{ width:320px;}
.courseHead li.three01{ width:140px;}
.courseHead li.four01{ width:120px;}


.talkBtn{ clear:both; padding-top:10px;}
.talkStyle{ background:url(../images/rank/btn01.png) no-repeat; height:40px; width:122px; line-height:40px; font-weight:bold; text-align:center; font-size:14px; color:#FFF; cursor:pointer; border:none;}
.talkStyle:hover{ background:url(../images/rank/btn01_hover.png) no-repeat;}
.otherAsk{ clear:both; padding:8px 0;}
.otherAsk p{ padding:8px 0; color:#686868; clear:both;}

.userCj{ min-height:350px; height:100%; margin:0 auto; _height:350px; background:#FFF; width:948px; border:1px solid #b1d59e; border-radius:5px; box-shadow:0 2px 5px #ddd; padding:0 0 30px 0; clear:both;}
.Cjcanshu{ color:#30ac03; width:800px; margin:20px auto; clear:both; background:#eeffd1; border:1px solid #c0e0b5; padding:20px 50px; font-size:14px; border-radius:5px;}
.Cjcanshu span{ color:#333;}
.Cjcanshu p{ line-height:20px; padding:8px 0;}
.testCanshu{ clear:both; padding:15px;}
.testCanshu h3{ font-size:14px; color:#30AC03; border-bottom:1px solid #ddd; margin:15px 0; padding-left:10px; line-height:30px; height:30px; clear:both; }
.testCanshu p{ line-height:20px; padding:8px 0; clear:both; font-size:14px; padding-left:35px; color:#444;}
.testCanshu span{ float:left;}
.minute{ float:left; margin-right:5px; border:1px solid #ddd; background:#eee; height:18px; line-height:18px; text-align:center; width:50px;}
.showTime{ float:left; margin-right:5px; border:1px solid #ddd; background:#eee; height:18px; line-height:18px; padding-left:10px; width:200px;}
.start{ clear:both;}
.btnCj{ float:right; margin-right:23px; border:none; cursor:pointer; width:130px; height:37px; background:url(../images/works/btnCj.png) no-repeat; text-align:center; font-size:14px; font-weight:bold;}

.addinfo{ height:62px; width:630px; padding-left:5px; line-height:20px; border:1px solid #ddd;}
.last{ border-bottom:none;}

/*增加的样式*/
.noticeContent{ margin: -3px 0 10px 0px;}

.collectContent,.examContent { line-height:40px; clear:both; overflow:hidden; zoom:1;}
.collectContent dd,.examContent dd{float:left;}
.collectContent  .green,.examContent  .green{ color:#30ac03;}
.collectContent  .grey,.examContent  .grey{ color:#f00;}
.collectContent02,.collectContent03,.collectContent04,.examContent02,.examContent03,.examContent04{ text-align:center;}
.collectContent01,.examContent01{width:40%; }
.collectContent02,.examContent02{ width:20%;}
.collectContent03,.examContent03{ width:24%;}
.collectContent04,.examContent04{ width:16%;}
.exerciseContent{ margin-bottom:12px; overflow:hidden; clear:both;}
.exerciseConBox{width:670px;float:right;}
.exerciseConBox span{position:static!important;}
.exerciseConBox .pl{width:614px;}
.exerciseConBox li{background:none;padding: 15px 15px 15px 57px;}


.pageImage .title{ font-weight:bold; color:#333;}
.pageImage .listDetails{ padding-top:10px; color:#a5a5a5;}
.pageImage .listDetails span{position:static!important;padding-right:16px;}
.pageImage img{margin-top:10px; margin-left:40px; width:200px; height:150px;}
